/* CSS Document */
.car_sx{ display:block; width:60%; height:30px;  line-height:28px; margin-left:20%; border:1px solid #48b54e; border-radius:15px;  background: #48b54e; font-size:14px;  box-shadow:inset 0px -1px 4px #48b54e; color:#fff !important; text-align:center;}
.car_sx:visited{ color:#fff !important; }
.car_sx:hover{ background: #48b54e;  background:#48b54e;box-shadow:inset 0px 1px 1px #48b54e;}
.tab_title{padding:0px; width:100%; display:-moz-box; display:-webkit-box; background:#e4e4e4; border-bottom:#ddd 1px solid;}
.tab_title a{ display: block; -webkit-box-flex:1; -moz-box-flex:1; text-align:center; height:40px; line-height:40px;  font-size:16px; font-weight:bold;}
.tab_title a .tabt{ color:#747678; display:block; margin:0px auto; line-height:40px; width:90px;}
.tab_title a .tabt:before{ color:#008CD6; background:url(../image/car2.png) no-repeat; background-size:18px; display:block; width:18px; height:18px; content:''; margin-right:5px; float:left; margin-top:11px;}
.tab_title a .sj_title:before{ background-position:0px 0px;}
.tab_title a .ck_title:before{ background-position:0px -18px;}
.tab_title a.active .tabt{ color:#008cd6;}
.tab_title a.active .tabt:before{ color:#008CD6; background:url(../image/car.png) no-repeat; background-size:18px; display:inline-block; width:18px; height:18px; content:''; margin-right:5px;}
.tab_title a.active .sj_title:before{ background-position:0px 0px;}
.tab_title a.active .ck_title:before{ background-position:0px -18px;}
/*菜单*/
#btn_div{ position:fixed; height:50px; z-index:990; right:0px; bottom:120px;}
.btn_img{ background:url(../image/menu_btn.png) no-repeat; width:30px; height:30px; background-size:30px; display:inline-block; margin:10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
#btn_dj{ height:50px; width:50px; background:#48b54e; position: absolute; right:0px; top:0px; z-index:100;}
.menu_btn{ height:50px; padding:5px 0px 5px 5px; font-size:14px; background:#48b54e; color:#fff; position:absolute; right:50px; width:167px;  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; z-index:80;}
.menu_btn a{ display:inline-block; color:#fff; border-right:1px solid #fff; text-align:center; width:80px; height:100%; line-height:40px;}
.hide_b{ -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.show_b{-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.hide_m{ -moz-transform: translateX(217px); -webkit-transform: translateX(217px); opacity:0;}
.show_m{-moz-transform: translateX(0px); -webkit-transform: translateX(0px); opacity:1;}

/*sx*/
.pc_search{background:rgba(0,0,0,0.78); width:100%; position: absolute; z-index:1000; top:0;
transform:rotateY(90deg);
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-webkit-transition:-webkit-transform 0.3s ease-out 0s;
-moz-transition:-moz-transform 0.3s ease-out 0s;
transition:transform 0.3s ease-out 0s
}
.ok_search{transform:rotateY(0deg);
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);}

.sx{ color:#fff; width:60%; margin-left:15px;}
.tj{width:96%; margin-left:2%; font-size:0.89em; padding-top:1em;}
.tj dl{ overflow:hidden; margin-left:0.8em; border-bottom:1px solid #444;}
.tj dl dt{ display:inline-block; float:left; margin:0.5em 0.3em;  margin-right:0;  padding:0.1em;  color:#999; }
.tj dl dd{ display:inline-block; float:left; color:#fff; margin:0.5em 0.3em; padding:0.1em 0.3em; cursor:pointer;}
.tj dl dd.cattsel{ background:#008CD6}
.tj dl dd input[type='radio']{ display:none;}
.mdd{ font-size:0.89em; padding:0.5em 0.4em; margin: 0.4em 0.3em; width:75%; background:#8f8f8f; border:1px solid #333;}
.mdd:focus{ border:1px solid #008CD6; background:#fff;}
.search{ float:right; width:60%;  margin-right:2%; position:relative;}
.seach{ background:#fff; font-size:0.89em; height:2.25em; border-right:none; width:81%; border-radius:0.2em 0 0 0.2em; color:#666;font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; padding:0.5em;}
.close{height:2em; color:#fff; padding-right:0.8em; margin-top:0.8em; cursor:pointer; width:15%; float:right;}
.close span{ display:inline-block; font-size:1em; width:1.5em; height:1.5em; background:#fff; color:#333; float:right; text-align:center; line-height:1.5em; margin-top:0.5em; border-radius:0.8em;}
.btn-tj{ font-size:1em; text-align:center; width:90%; display:block; margin:0 auto; color:#fff; border-radius:0.3em; background:#008CD6; padding:0.6em; margin-top:1em;}
/*列表页面*/
#car li{border-top:1px solid #e4e4e4; width:100%; background:#fff; border-bottom:1px solid #e4e4e4; margin:8px 0px;}
#car li:first-child{}
.box_div{ display:-webkit-box; display:-moz-box; padding-bottom:10px; width:100%; padding-top:10px;}
.box_m{ -webkit-box-flex:1; -moz-box-flex:1; padding-top:2px;}
.box_l{ width:80px; text-align:center; padding-left:10px;}
.box_r{ width:90px; text-align:center; padding-top:5px; padding-right:10px;}
.car_header{ width:60px; height:60px; border-radius:50%; position:relative; margin:0px auto;}
.car_header img{ width:60px; height:60px; border-radius:50%;}
.car_header span{ display:block; position:absolute; z-index:2; width:18px; height:18px; border-radius:50%; border:1px solid #fff; right:0px; bottom:0px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.car_header span.women{ background:#ff4fbf; text-align:center;}
.car_header span.women em{ background: url(../image/sex2.png) center -14px no-repeat; background-size:14px; width:14px; height:14px; display:inline-block;}
.car_header span.man{ background:#008CD6; text-align:center;}
.car_header span.man em{ background: url(../image/sex2.png) center 0px no-repeat; background-size:14px; width:14px; height:14px; display:inline-block;}
.caru_name{ width:80px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:2px;}
.price{ color:#f60; font-size:24px;}
.price:after{ content:'元'; color:#888; font-size:12px; margin-left:5px;}
.seat{ color:#008CD6; font-size:18px; display:block; margin-top:5px;}
.seat:after{ content:'座位'; color:#008CD6; font-size:14px; margin-left:5px;}
.seat:before{ content:''; color:#008CD6; font-size:14px; margin-right:2px; display:inline-block; background:url(../image/seat.png) center no-repeat; background-size:16px; height:16px; width:16px;}
.m_content{ height:24px; line-height:24px; margin:5px 0px 12px 0px;}
.sart,.end{ font-size:16px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sart:before{ display:inline-block; content:''; background:url(../image/car3.png) 0px 0px no-repeat; background-size:24px; width:24px; height:24px; vertical-align:middle;}
.end:before{ display:inline-block; content:''; background:url(../image/car3.png) 0px -24px no-repeat; background-size:24px; width:24px; height:24px; vertical-align:middle;}
.bottom_box{ display:-webkit-box; display:-moz-box; width:100%; background:#f0f0f0; border-top:1px dashed #e4e4e4; height:32px;}
.bottom_r{ padding-right:10px; width:40px; padding-top:3px;}
.sj_img{}
.bottom_l{width:90px; padding-top:5px; border-right:1px solid #e4e4e4}
.sj_img{display:block; width:20px; height:20px; background:url(../image/car.png) no-repeat; background-size:20px; font-size:11px; text-align:center; line-height:24px; color:#fff; margin:0px auto;}
.bottom_m{ -moz-box-flex:1; -webkit-box-flex:1; padding:6px 10px 4px 10px; font-size:14px; color:#008CD6;}
.bottom_m span:before{ display:inline-block; background:url(../image/time2.png) no-repeat; background-size:16px; width:16px; height:16px; content:''; vertical-align:middle; margin-right:3px; }
.ck_img{display:block; width:20px; height:20px; background:url(../image/car.png) 0px -20px no-repeat; background-size:20px; font-size:11px; text-align:center; line-height:24px; color:#fff; margin:0px auto;}

/*car_xq*/
.car_top{ background: #fff; padding:10px; border-bottom:1px solid #e4e4e4; display:-moz-box; display:-webkit-box; width:100%;}
.cartop_r{ width:60px; height:60px; background:url(../image/carbg.png) no-repeat; background-size:60px;}
.cartop_r img{ width:60px; height:60px; display:block;}
.cartop_l{ -moz-box-flex:1; -webkit-box-flex:1; padding-right:10px;}
.cartop_l ul li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px;}
.start_y:before{ content:'始'; width:20px; height:20px; background:#008cd6; display:inline-block; color:#fff; font-size:12px; text-align:center; line-height:18px; vertical-align:middle; margin-right:5px; line-height:20px; border-radius:50%;}
.end_y:before{ content:'终'; width:20px; height:20px; background:#1a9c01; display:inline-block; color:#fff; font-size:12px; text-align:center; line-height:18px; vertical-align:middle; margin-right:5px; line-height:20px; border-radius:50%;}

.car_middle{margin:10px; position:relative;}
.cm_box{width:100%; background:#fff; border:1px solid #e4e4e4; padding:10px; display:-moz-box; display:-webkit-box;}
.cm_l{ width:70px; padding-right:10px;}
.cm_r{ -moz-box-flex:1; -webkit-box-flex:1;}
.cm_r ul li{ padding:2px 3px; font-size:14px;}
.car_name{ font-weight:bold; padding-bottom:3px !important; font-size:15px !important;}
.label{ color:#999;}
.contact_a,.contact_a:visited{ position:absolute; right:10px; height:30px; line-height:30px; font-size:12px; color:#fff; background:#008CD6; padding:0px 8px; bottom:40px; border-radius:3px;}
.contact_a:hover{ background:#027fc1;}
.orange,.orange:hover,.orange:visited{ color:#f60;}
.siji_span:before{ content:''; display:inline-block; width:16px; height:16px; background:url(../image/car.png) 0px 0px no-repeat; background-size:16px; margin-right:3px;}
.chengke_span:before{ content:''; display:inline-block; width:16px; height:16px; background:url(../image/car.png) 0px -16px no-repeat; background-size:16px; margin-right:3px;}
.numcs{ padding:1px 3px; display:inline-block;  background:#f60; color:#fff; margin-right:3px;}
.car_bottom{ margin:10px;}
.car_bottom h3{ font-size:16px; margin-bottom:5px;}
.bottom_cr_ul{ border:1px solid #e4e4e4; background:#fff; padding:10px; font-size:14px;}
.bottom_cr_ul li{ padding:3px 0px;}
.orange_span{ font-size:16px; font-weight:bold; color:#f60; margin:0px 3px;}

/*car_form*/
.tabtitle{}
/*form*/
.form_content{ margin:5px; background:#fff; padding:10px;}
.form_content .form_div{ border:1px solid #e4e4e4; width:100%;}
.form_div li{ width:100%; display:-webkit-box; display:-moz-box; border-bottom:1px solid #e4e4e4;}
.form_div li .label{ width:70px; display:block; text-align:center;  line-height:40px;} 
.form_div li:last-child{ border-bottom:none;}
.form_div li .input_div{-webkit-box-flex:1; -moz-box-flex:1; border-left:1px solid #e4e4e4;}
.form_div li .input_div input[type='text'],.form_div li .input_div input[type='number'],.form_div li .input_div input[type='tel']{ width:100%; height:40px; line-height:40px; font-size:16px; color:#525252; padding:0px 8px;}
.form_div li .input_div input[type='range']{ width:90%; margin-left:5%;-webkit-appearance: none;}
.form_div li .input_div input[type='range']::-moz-range-thumb {-webkit-appearance: none;eight:20px;width:20px; border-radius:10px; border:none; background: #008CD6; cursor: pointer; position:relative;}
.form_div li .input_div input[type='range']::-moz-range-track {-webkit-appearance: none;width: 100%; height:4px; cursor: pointer; background: #fff;border-radius:2px;  border:1px solid #ccc;}
.form_div li .input_div input[type='range']::-webkit-slider-thumb{-webkit-appearance: none;height:20px;width:20px; border-radius:10px; border:none; background: #008CD6; cursor: pointer; position:relative; }
.form_div li .input_div input[type='range']::-webkit-slider-runnable-track {-webkit-appearance: none;width: 100%; height:2px; cursor: pointer; background: #fff;border-radius:2px;  border:1px solid #ccc;}
.numb_cut{ width:18%; background:#e9e9e9; display:block; height:40px; float:left; text-align:center; font-size:24px; border-right:1px solid #e4e4e4; line-height:40px;}
.giving{ text-align:center; font-size:14px; width:64%; float:left;  height:40px; line-height:40px;}
.giving img{ vertical-align:middle}
.numb_add{width:18%; background:#e9e9e9; display:block; height:40px; float:left; text-align:center; font-size:24px; border-left:1px solid #e4e4e4; line-height:40px;}
#choujin_value{ font-size:16px; text-align:center;}
.input_div textarea { width:100%; height:120px; padding:8px; font-size:16px; color:#525252;}
/*添加图片*/
.addimg{ width:65px; height:65px; background:url(../image/ico_03.png) center no-repeat; background-size:65px; opacity:0;}
.addimg_div{width:65px; height:65px; background:url(../image/ico_03.png) center no-repeat; background-size:65px; float:left; margin-top:5px;}
.addimg_div input{width:65px !important; height:65px !important; }
.pjadd_img{ float:left;}
.pjadd_img dd{float:left; position:relative; margin-top:5px;}
.pjadd_img img{ width:65px; height:65px; display:block; margin-right:5px;}
.pjimg_div{ width:228px; overflow:hidden; padding:0px 8px 0px 8px; height:70px;}
.close_img{ width:20px; height:20px; background:#FF3E3E; color:#fff; display:inline-block; text-align:center; line-height:20px; font-size:20px; border-radius:10px; position:absolute; z-index:10; top:-5px; right:2px;}
.imgup_loading{width:65px; height:65px; display:block; margin-right:5px; border:1px solid #dbdbdb; color:#999; text-align:center; line-height:64px; font-size:12px; }
.rep_sub{ display:block; width:50%; margin:10px 25%; background:#008CD6; height:40px; font-size:16px; color:#fff; border-radius:8px; border:1px solid #007ec0;}
.radio_div{ padding-top:10px;}
input[type=radio] {display: none;}
.radio{display: inline-block; cursor: pointer; position: relative; margin-left:5px;}
.radio:before{ content:''; display:inline-block; width:20px; height:20px; background:#fff; border:1px solid #ccc; border-radius:11px; vertical-align: text-top; margin-right:5px;}
input[type=radio]:checked + .radio:after{content:''; display:inline-block; width:14px; height:14px; background:#008CD6; border-radius:7px; position:absolute; z-index:20; top:4px; left:4px;}

/*select*/
.select {display: block; position: relative; overflow: hidden; background:#fff;}
.select:before, .select:after { content: ''; position: absolute; right: 11px; width: 0; height: 0; border-left: 4px outset transparent;  border-right: 4px outset transparent;}
.select:before {top:18px; border-bottom: 4px solid #fff;}
.select:after { top: 26px; border-top: 4px solid #fff;}
.select > select { position: relative; z-index: 2;  width: 112%;  height:44px;  line-height:44px; padding: 0px 9px; padding-right: 0;  color: #525252;  background: transparent;
  background: rgba(0, 0, 0, 0);  border: 0; font-size:16px;   -webkit-appearance: none;}
.select > select:focus { color: #525252;  outline: 0;}

